<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 箭头函数是新增的一种函数的书写方式
    // 从写的形式来说，省略了function关键字，用 => 来代替

    // 声明式函数
    // function fn1 () {
    //   // ...
    // }

    // 赋值式函数
    // const fn2 = function() {
    //   // ...
    // }

    // 箭头函数
    // const fn3 = () => {
    //   // ...
    // }





    // const add = (a, b) => {
    //   console.log(a + b);
    // }
    // add(3, 4);

    // 当箭头函数的参数只有一个，那么可以省略小括号
    // const add2 = a => {
    //   console.log(a + 5);
    // }
    // add2(3)

    // 当函数体里面只有一句话的时候，那么还可以省略大括号
    // const add2 = a => console.log(a + 5)
    // add2(3)

    // 当省略了大括号的时候，会默认加上return
    // const add2 = a => a + 5;
    // const result = add2(3);
    // console.log(result);




    // const fn = (name) => {
    //   return {
    //     name: name,
    //     age: 20
    //   }
    // }
    const fn = (name) => ({
      name: name,
      age: 20
    })
    const obj = fn("zhangsan");
    console.log(obj);
    


  </script>
</body>
</html>